<html>
	<head>
	<meta charset="utf-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge">
	<title>Home</title>
	<meta name="viewport" content="width=device-width, initial-scale=1">
  	<!-- Facebook and Twitter integration -->
	<meta property="og:title" content=""/>
	<meta property="og:image" content=""/>
	<meta property="og:url" content=""/>
	<meta property="og:site_name" content=""/>
	<meta property="og:description" content=""/>
	<meta name="twitter:title" content="" />
	<meta name="twitter:image" content="" />
	<meta name="twitter:url" content="" />
	<meta name="twitter:card" content="" />

	<link href="https://fonts.googleapis.com/css?family=Roboto:300,400,700" rel="stylesheet">
	
	<!-- Animate.css -->
	<link rel="stylesheet" href="${request.contextPath}/static/login-css/animate.css">
	<!-- Icomoon Icon Fonts-->
	<link rel="stylesheet" href="${request.contextPath}/static/login-css/icomoon.css">
	<!-- Themify Icons-->
	<link rel="stylesheet" href="${request.contextPath}/static/login-css/themify-icons.css">
	<!-- Bootstrap  -->
	<link rel="stylesheet" href="${request.contextPath}/static/login-css/bootstrap.css">

	<!-- Magnific Popup -->
	<link rel="stylesheet" href="${request.contextPath}/static/login-css/magnific-popup.css">

	<!-- Owl Carousel  -->
	<link rel="stylesheet" href="${request.contextPath}/static/login-css/owl.carousel.min.css">
	<link rel="stylesheet" href="${request.contextPath}/static/login-css/owl.theme.default.min.css">

	<!-- Theme style  -->
	<link rel="stylesheet" href="${request.contextPath}/static/login-css/style.css">

	<!-- Modernizr JS -->
	<script src="${request.contextPath}/static/login-js/modernizr-2.6.2.min.js"></script>
	<!-- FOR IE9 below -->
	<!--[if lt IE 9]>
	<script src="${request.contextPath}/static/login-js/respond.min.js"></script>
	<![endif]-->
	<script>
	function login() {
		if (jvForm.username.value == "") {
			alert("用户名不能为空！");
			return false;
		} else if (jvForm.password.value == "") {
			alert("密码不能为空！");
			return false;
		}
	}
	function signup() {
		var username = sgForm.username.value;
		var password = sgForm.password.value;
		var repeat_password = sgForm.repeat_password.value;
		if ( username == "") {
			alert("用户名不能为空！");
			return false;
		} else if ( password == "") {
			alert("密码不能为空！");
			return false;
		} else if (  == "") {
			alert("确认密码不能为空！");
			return false;
		}
		
		if(password != repeat_password){
			alert("前后密码不一致，请检查后重新输入！");
			return false;
		}
		
		document.getElementById("sg_submit").disabled=true
		return true;
	}
</script>

	</head>
	<body>
		
	<div class="gtco-loader"></div>	
	<div id="page">	
	<div class="page-inner">
	<header id="gtco-header" class="gtco-cover" role="banner" style="background-image: url(images/img_2.jpg)">
		<div class="overlay"></div>
		<div class="gtco-container">
			<div class="row">
				<div class="col-md-12 col-md-offset-0 text-left">
					<div class="row row-mt-15em">
						<div class="col-md-7 mt-text animate-box" data-animate-effect="fadeInUp">
							<span class="intro-text-small">Welcome to chat with Nini.</span>
							<h1>Wish you have a good time.</h1>	
						</div>
						<div class="col-md-4 col-md-push-1 animate-box" data-animate-effect="fadeInRight">
							<div class="form-wrap">
								<div class="tab">
									<ul class="tab-menu">
										<li class="gtco-first"><a href="#" data-tab="signup">Sign up</a></li>
										<li class="gtco-second active"><a href="#" data-tab="login">Login</a></li>
									</ul>
									<div class="tab-content">
										<div class="tab-content-inner" data-content="signup">
											<form id="sgForm" name="sgForm" action="/toSignup" method="post" onsubmit="return signup();">
												<div class="row form-group">
													<div class="col-md-12">
														<label for="username">Username</label>
														<input type="text" class="form-control" id="username" name="username"/>
													</div>
												</div>
												<div class="row form-group">
													<div class="col-md-12">
														<label for="password">Password</label>
														<input type="password" class="form-control" id="password" name="password"/>
													</div>
												</div>
												<div class="row form-group">
													<div class="col-md-12">
														<label for="repeat_password">Repeat Password</label>
														<input type="password" class="form-control" id="repeat_password" name="repeat_password"/>
													</div>
												</div>

												<div class="row form-group">
													<div class="col-md-12">
														<input type="submit" class="btn btn-primary" id="sg_submit" value="Sign up">
													</div>
												</div>
											</form>	
										</div>

										<div class="tab-content-inner active" data-content="login">
											<form id="jvForm" name="jvForm" action="login" method="post" onsubmit="return login();">
												<div class="row form-group">
													<div class="col-md-12">
														<label for="username">Username</label>
														<input type="text" class="form-control" id="username" name="username"/>
													</div>
												</div>
												<div class="row form-group">
													<div class="col-md-12">
														<label for="password">Password</label>
														<input type="password" class="form-control" id="password" name="password"/>
													</div>
												</div>

												<div class="row form-group">
													<div class="col-md-12">
														<input type="submit" class="btn btn-primary" value="Login">
													</div>
												</div>
											</form>	
										</div>

									</div>
								</div>
							</div>
						</div>
					</div>												
				</div>
			</div>
		</div>
	</header>

	<footer id="gtco-footer" role="contentinfo">
		<div class="gtco-container">	
			<div class="row copyright">
				<div class="col-md-12">
					<p class="pull-left">
						<small class="block">Copyright &copy; 2016.Company name All rights reserved.<a target="_blank" href="http://www.tuling123.com/">图灵机器人</a></small> 
					</p>
					<p class="pull-right">
						<ul class="gtco-social-icons pull-right">
							<li><a href="#"><i class="icon-twitter"></i></a></li>
							<li><a href="#"><i class="icon-facebook"></i></a></li>
							<li><a href="#"><i class="icon-linkedin"></i></a></li>
							<li><a href="#"><i class="icon-dribbble"></i></a></li>
						</ul>
					</p>
				</div>
			</div>

		</div>
	</footer>
	</div>

	</div>

	<div class="gototop js-top">
		<a href="#" class="js-gotop"><i class="icon-arrow-up"></i></a>
	</div>
	
	<!-- jQuery -->
	<script src="${request.contextPath}/static/login-js/jquery.min.js"></script>
	<!-- jQuery Easing -->
	<script src="${request.contextPath}/static/login-js/jquery.easing.1.3.js"></script>
	<!-- Bootstrap -->
	<script src="${request.contextPath}/static/login-js/bootstrap.min.js"></script>
	<!-- Waypoints -->
	<script src="${request.contextPath}/static/login-js/jquery.waypoints.min.js"></script>
	<!-- Carousel -->
	<script src="${request.contextPath}/static/login-js/owl.carousel.min.js"></script>
	<!-- countTo -->
	<script src="${request.contextPath}/static/login-js/jquery.countTo.js"></script>
	<!-- Magnific Popup -->
	<script src="${request.contextPath}/static/login-js/jquery.magnific-popup.min.js"></script>
	<script src="${request.contextPath}/static/login-js/magnific-popup-options.js"></script>
	<!-- Main -->
	<script src="${request.contextPath}/static/login-js/main.js"></script>

	</body>
</html>

